<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>块元素和行内元素</h3>
		<div class="block">独占一行</div>
		<p class="block">高度,宽度,内外边距可以控制</p>
		<div class="block">宽度默认容器的100%</div>
		<div>是一个容器或者盒子,里面可以放块元素或行内元素</div>
		<ul class="block">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<h1 class="block"></h1>
		<!-- 文字类块元素例如p、h里面不能再放块元素 -->
		<br>
		<br>
		<br>
		<br>
		<a href="">相邻行内元素一行可以显示多个</a>
		<em>高宽直接设置无效</em>
		<span>默认宽度为本身内容的宽度</span>
		<strong>行内元素只能容纳文本和其他行内元素</strong>
		<h3>但是链接里面不能再放链接,a里面可以放块级元素,但a最好转换为块模式</h3>
		
		
		
		<input type="text"> 
		<img src="" alt="">
		<td></td>
		<h3>行内块元素</h3>
		<p>一行可以有多个相邻行内块元素，但之间会有空隙</p>
		<p>默认宽度是它本身内容的宽度</p>
		<p>高度,行高,内边距,外边距可以控制</p>
	</body>
</html>
